@charset "UTF-8";




/* ----------------- RESET ALL STYLES ----------------- */
*
{
margin:0; 
padding:0; 
border:0;
}

body{ background: #FFFFFF; 
font: 17px 'Ubuntu', sans-serif; color:#333; text-align: justify;-webkit-font-smoothing: antialiased;
}


header{
	margin:auto;
	width:100%;
	height:auto;
	background:#46688E;
	text-align: center;
 }


header h5 span{

font-family: '', sans-serif;
 color:#FFFFFF; font-size:160%;
 }


.wrapper {
	margin:auto;
	width:60%;
	height:auto;
	color: #444562;
}

#top{
	height:auto;
	text-align: center;
}


#logo{
	margin-top:2%;
	text-decoration:none;
}


#logoimage{
	width:180px;
	padding-right:0px;
	float:left;
}


nav {display: block;width: 100%;margin: 20px auto;text-align: center;}
nav ul { list-style: none;}
nav li {
	display: inline-block;
	color: #AFB9CF;
}
nav a {display: inline-block; background: transparent; color: #fff; padding: 5px 15px;
border: 1px solid white;text-decoration: none;font-family : Ubuntu, sans-serif;text-transform:none;font-size: 14px; font-weight:normal;}
nav a:hover {border: 1px solid white; background:#E3FFFF; color:#AFB9CF;
font-family : Ubuntu, sans-serif;text-transform:none;font-size: 14px; font-weight:normal;}
nav a:active {background: #fff; color:#000;}
nav select { display: none;}
a:hover {text-decoration : none; color : #FFDE96; font-weight : lighter;}
a {text-decoration : none; color : #009999; font-weight : lighter; text-decoration:underline;}
.clearfix {
	float: none;
	clear: both;
	text-align: center;
}


.effect1{color: #FFFFFF;text-shadow: -3px 5px 5px rgba(0,0,0, 0.1);letter-spacing: 0.3em; }
.effect2{
	color: #FFFFFF;
	text-shadow: -3px 5px 5px rgba(0,0,0, 0.5);
	letter-spacing: 0.3em;
	text-align: center;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: large;
}
h1 {font-size:62px; color:#AFB9CF;  text-align: center; font-family: 'Great Vibes', cursive;
text-transform: none; font-weight: 400;   padding: 0px 0px 5px 0px;}
h2 {font-size:26px;color:#AFB9CF; text-transform: none;text-align: center; font-family: 'Ubuntu', sans-serif;  font-weight: lighter;margin-bottom:1%;
}
h3 { font-family: 'Ubuntu', sans-serif;
font-size:18px;
font-weight:normal;
text-align:center;
color:#46688E;
margin-bottom:1%;

}

h5{font-size:19px;color:#777777; text-align: center; font-family: 'Ubuntu', sans-serif;  font-weight: lighter;margin-bottom:2%;
}
h6{font-size:14px;color:#FFFFFF; text-align: left; font-family: 'Ubuntu', sans-serif;  font-weight: lighter;margin-bottom:2%;
}
.left{ 
margin-top:4%;
width:48%;
float:left;
margin-bottom:2%;
}

.left h2{
	font-family: 'Great Vibes', cursive;
	text-transform: none;
	font-size:large;
	font-weight:bold;
	text-align:center;
	color:#46688E;
	margin-bottom:5%;
}

.left p{ 
font-family:Ubuntu, sans-serif;
font-size:100%;
line-height:140%;
}

.right{
 margin-top:4%;
width:48%;
float:right;
margin-bottom:2%;
}


.right h2{ font-family: 'Great Vibes', cursive;text-transform: none;
font-size:180%;
font-weight:bold;
text-align:left;
color:#46688E;
margin-bottom:5%;

}


.right p{
	font-family:Ubuntu, sans-serif;
font-size:100%;
	line-height:140%;
}


hr{
height:1px;
width:100%;
	background-color:#2d2d2d;
	margin:1% 0;
}



img.scaled {width: auto; /* Firefox */max-width: 100%;max-height: 100%;}
img.liquid {width:100%;}
.imgleft {float : left;border : 0;margin : 5px 10px 10px 0px;padding : 5px;}
.imgright {float : right;border : 0;margin : 5px 10px 10px 0px;padding : 5px;}

footer{
	width:100%; padding:30px 0;
	background-color:#46688E;
}



footer a {text-decoration : underline; color : #fff; font-weight : normal;}
footer p {
	color: #FFFFFF;
	text-align:center;
	font-size:14px;
}

/* ---------------------- RESPONSIVE----------------------  */

@media only screen and (max-width: 1279px) {

.wrapper{
width:90%;
	}

}

@media only screen and (max-width: 860px) {
	
h1{
font-size:160%;
}

h2{
font-size:110%;
}
	
	
header h5 span{
font-size:110%;
}
}
@media only screen and (max-width: 720px) {
	
	
#logo{
width:150px;
display:block;
margin:auto;
	margin-bottom:5%;
}
	
	
header h5{
font-size:100%;
	margin-bottom:5%;
}
	
	
.left{
width:100%;
	}
	
	
.right{
width:100%;
}
}


@media (max-width: 960px) {
nav ul     { display: block; text-align:center;}
nav select { display: inline-block; }}